<!doctype html>
<html>
<head>
    <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>流程过程</title>
    <base target="_blank" />
    <style>
        .hovertree-tracklist ul li {
            list-style: none;
        }

        .hovertree-trackrcol {
            max-width: 900px;
            border: 1px solid #eee;
        }

        .hovertree-tracklist {
            margin: 20px;
            padding-left: 5px;
            position: relative;
        }

        .hovertree-tracklist li {
            position: relative;
            padding: 9px 0 0 25px;
            line-height: 18px;
            border-left: 1px solid #d9d9d9;
            color: #999;
        }

        .hovertree-tracklist li.first {
            color: red;
            padding-top: 0;
            border-left-color: #fff;
        }

        .hovertree-tracklist li.first .node-icon {
            background-position: 0 -72px;
        }

        .hovertree-tracklist li .time {
            margin-right: 20px;
            position: relative;
            top: 4px;
            display: inline-block;
            vertical-align: middle;
        }

        .hovertree-tracklist li .txt {
            max-width: 600px;
            position: relative;
            top: 4px;
            display: inline-block;
            vertical-align: middle;
        }

        .hovertree-tracklist li.first .time {
            margin-right: 20px;
        }

        .hovertree-tracklist li.first .txt {
            max-width: 600px;
        }
        .hovertreeinfo{margin-top:10px;}
        .hovertreeinfo a{color:blue;}
    </style>
</head>
<body>
<div class="hovertree-trackrcol">
    <div class="hovertree-tracklist">
        <ul>
        <#if messageList?? && (messageList?size &gt; 0) >
        <#list messageList>
        <#items as item>
            <li>
                <i class="node-icon"></i>
                <span class="time">${item.time}</span>
                <span class="txt">${item.Message}</span>
            </li>
            <#--<li class="first">
                <i class="node-icon"></i>
                <span class="time">2016-06-05 8:00:05</span>
                <span class="txt">您提交了订单，请等待何问起系统的确认</span>
            </li>-->
        </#items>
        </#list>
        </#if>
        </ul>
    </div>
</div>
</body>
</html>